window.onload = function() {
var newalbumform=document.getElementsByClassName('newalbumform')[0];
console.log(newalbumform);
var creatalbum=document.getElementsByClassName('creatalbum')[0];

var plus=document.getElementById('plus');
plus.onclick=function(){
        newalbumform.style.display='block'
        creatalbum.style.display='none'

}
var closebiaodan=document.getElementById('closebiaodan')
closebiaodan.onclick=function(){
        newalbumform.style.display='none'
        creatalbum.style.display='block'

}
//创建专辑
var newalbumName=document.getElementsByClassName('newalbumName')[0];
var confirmcreat=document.getElementsByClassName('confirmcreat')[0];
confirmcreat.onclick = function() {
            axios({
                method: 'post',
                url: '/album/creat',
                params: {
                    albumName: newalbumName.value
                }
            }).then(data => {
                console.log(data);
                console.log(data.data.data);
if (!newalbumName.value) {
                    alert('请输入专辑名！')
                } else if (data.data.data === '请先登录') {
                    alert('请先登录！')
                } else if (data.data.data.message === '成功') {
                    alert('创建成功!')
                    getuserAlbums()
        newalbumform.style.display='none'
        creatalbum.style.display='block'
        document.getElementsByClassName('newalbumName')[0].value=''
} else if (data.data.data.message === '已有该专辑') {
                    alert('该专辑已存在，请输入新的专辑名称！')
                } else if(data.data.data.message === '包含特殊字符'){
                    alert('专辑名中不能含有特殊字符！')
}else{
    alert('专辑创建失败！')
}
            }).catch(err => {
                console.log(err);
                alert('网络跑丢了~')
            })
        }
//得到用户专辑
var allalbums=document.getElementsByClassName('allalbums')[0];
var userId;
getuserAlbums()
function getuserAlbums(){
        axios({
            
            method: 'get',
   url: '/album/getAlbumList',
            params: {

            }
        }).then(data => {
          
if (data.data.data=== '请先登录') {
                alert('请先登录！')
            } else if (data.data.data.message=== '成功') {
              allalbums.innerHTML = ''
               let str = ''
                for (i = 0; i < data.data.data.data.length; i++) {
                    console.log(data.data.data.data[i].cover);
                    str += ` <div class="firstone">
                    <div class="topname"><a href='/album/read?id=${data.data.data.data[i].id}'>${data.data.data.data[i].name}</a></div>
                    <div class="deletealbum"><button  type="button"  id=${data.data.data.data[i].id} onclick='confirmdelete()'>删除</button></div>
                    <div class="leftpicture"><img src=${data.data.data.data[i].cover}></div>
                    <div class="buttomdate"> ${data.data.data.data[i].time}</div>
                </div>`
                }
           allalbums.innerHTML = str
       } else {
                alert('查看专辑失败！')
            }
        }).catch(err => {
            console.log(err);
            alert('no')
        })
    
}



//confirm确定删除弹框
confirmdelete= function(){
    if(confirm('删除后专辑内所有的帖子也将被删除，确定删除吗?')==true){
        deletealbum()
           }else{
               return false;
        }
    }
    
    
   
   // 删除专辑
       function deletealbum(e) {
            e = e || window.event;
            var target = e.target || e.srcElement;
            albumsId = target.getAttribute('id')
    
            axios({
                method: 'post',
                url: '/album/deletealbum',
                params: {
                    albumId: albumsId
                }
            }).then(data => {
    if (data.data.data.message === '出现未知错误') {
                    alert('删除失败！')
                } else if (data.data.data.message === '成功') {
                    getuserAlbums()
                  
                } else if (data.data.data.message === '专辑已不存在') {
                    alert('专辑已不存在！')
                } else {
                    alert('删除失败')
                }
            }).catch(err => {
                console.log(err);
                alert('网络跑丢了~')
            })
        }
        
    
//     //个人中心查看粉丝数量
//     console.log(document.location.href)
//         // axios({
//         //     method: 'get',
//         //     url: '/personmainpage/fanone',
//         //     params: {
//         //         userId:
//         //     }
//         // }).then(data => {
//         //     console.log(data.data);
//         //     alert('yyds')
//         // }).catch(err => {
//         //     console.log(err);
//         //     alert('no')
//         // })
}